<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  data: function () {
    return {
      id: null
    }
  },
  mounted: function () {
    this.receiveSysid()
  },
  methods: {
    receiveSysid: function() {
      let _this = this
      this.$router.app.$on('tell-sysid',function (data){
        _this.id = data
      });
    }
  }
}
</script>

<style>
body{
  margin: 0;
  overflow: hidden;
}
* {
  box-sizing: border-box;
}
#app {
  font-family: 'Avenir', 'Microsoft Yahei',Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.ant-checkbox-inner {
  border-color: aqua!important;
  background-color: transparent!important;
}
.ant-radio-button-wrapper {
  background-color: transparent!important;
  font-size: 12px!important;
}
.ant-radio-button + span {
  color: #fff!important;
}
.ant-radio-button + span:hover {
  color: aqua!important;
}
.ant-radio-button-wrapper-checked > span:last-child {
  color: aqua!important;
}
.ant-radio-button-wrapper-checked:active, .ant-radio-button-wrapper-checked, .ant-radio-button-wrapper-checked::before {
  border-color: aqua!important;
}
.ant-radio-button-wrapper-checked {
  -webkit-box-shadow: -1px 0 0 0 aqua!important;
  box-shadow: -1px 0 0 0 aqua!important;
}
.ant-radio-group {
  margin-right: 10px!important;
}
.ant-calendar-picker-input, .ant-calendar-picker-input {
  height: 24px!important;
  color: aqua!important;
  border-color: aqua!important;
  background-color: transparent!important;
  padding: 0 0 0 2px!important;
}
i.ant-calendar-picker-icon, span.ant-calendar-range-picker-separator {
  color: aqua!important;
}
</style>
